<nz-layout class="fit">
  <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null">
    <div class="logo">

    </div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="isCollapsed?'vertical':'inline'">

      <li nz-menu-item routerLink="{{menu.href}}" *ngFor="let menu of _menus;let i=index">
        <span>
          <i class="{{menu.icon}}"></i>
          <span class="nav-text">{{menu.name}}</span>
        </span>
      </li>
      <li nz-menu-item (click)="login()">
        <span>
          <i class=""></i>
          <span class="nav-text">登录</span>
        </span>
      </li>

    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header style="background: #fff; padding:0;">
      <i class="anticon trigger" [class.anticon-menu-fold]="!isCollapsed" [class.anticon-menu-unfold]="isCollapsed" (click)="isCollapsed=!isCollapsed"></i>
    </nz-header>
    <nz-content style="margin:0 16px;">
      <nz-breadcrumb style="margin:12px 0;">
        <nz-breadcrumb-item>>></nz-breadcrumb-item>
      </nz-breadcrumb>
      <div style="padding:24px; background: #fff; min-height: 360px;">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
    <nz-footer style="text-align: center;">Design</nz-footer>
  </nz-layout>
</nz-layout>
